<template>
	<view class="agreement-page">
		<view class="content-text">
			<view class="text">
				{{ $t('agreement.t1') }}
				<text style="font-weight: bold;">{{ $t('agreement.t2') }}</text>
			</view>
			<br />
			<view class="text">{{ $t('agreement.t3') }}</view>
			<br />
			<text style="font-size: 30upx;font-weight: bold;">{{ $t('agreement.t4') }}</text>
			<br />
			<view style="font-weight: bold;padding: 30upx 0 0 0;">1.{{ $t('agreement.t5') }}</view>
			<br />
			a) {{ $t('agreement.t6') }}
			<br />
			b) {{ $t('agreement.t7') }}
			<br />
			<text style="font-weight: bold;">{{ $t('agreement.t8') }}</text>
			<br />
			a) {{ $t('agreement.t9') }}
			<br />
			b) {{ $t('agreement.t10') }}
			<br />
			c) {{ $t('agreement.t11') }}
			<br />
			<view style="font-weight: bold;padding: 30upx 0 0 0;">2. {{ $t('agreement.t12') }}</view>
			<br />
			a) {{ $t('agreement.t13') }}
			<br />
			b) {{ $t('agreement.t14') }}
			<br />
			c) {{ $t('agreement.t15') }}
			<br />
			<view style="font-weight: bold;padding: 30upx 0 0 0;">3. {{ $t('agreement.t16') }}</view>
			<br />
			{{ $t('agreement.t17') }}
			<br />
			a) {{ $t('agreement.t18') }}
			<br />
			b) {{ $t('agreement.t19') }}
			<br />
			c) {{ $t('agreement.t20') }}
			<br />
			d) {{ $t('agreement.t21') }}
			<br />
			e) {{ $t('agreement.t22') }}
			<br />
			<view style="font-weight: bold;padding: 30upx 0 0 0;">4. {{ $t('agreement.t23') }}</view>
			<br />
			{{ $t('agreement.t24') }}
			<br />
			<view style="font-weight: bold;padding: 30upx 0 0 0;">5. {{ $t('agreement.t25') }}</view>
			<br />
			a) {{ $t('agreement.t26') }}
			<br />
			<view style="font-weight: bold;padding: 30upx 0 0 0;">6.{{ $t('agreement.t27') }}</view>
			<br />
			a）{{ $t('agreement.t28') }}
			<br />
			b）{{ $t('agreement.t29') }}
			<br />
			c）{{ $t('agreement.t30') }}
		</view>
	</view>
</template>

<script>
export default {
	onReady() {
		// 修改头部标题
		uni.setNavigationBarTitle({ title: this.$i18n.messages[this.$i18n.locale].pages.t51 })
	}
}
</script>

<style lang="scss" scoped>
.agreement-page {
	width: 100%;
	padding: 50upx 30upx;
	box-sizing: border-box;
	background-color: #f9fcff;
	.text {
		text-indent: 56upx;
	}
}
</style>
